﻿﻿html,body{background:#fff; height:100%;min-height:100%; font-size:14px; padding:0px; margin:0px;}
body > form{ height:100%; min-height:100%;}
input{-webkit-appearance: none;}
select:focus,input:focus{outline:0;}

select{
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/arrow.png") no-repeat scroll right center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding:0 14px 0 5px;
border-radius:0;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.red{color:#f00;}
.color1{ color:#3076F1;}
.color2{color:#00a2ff;}
.color3{color:#ff6600;}
.color4{color:#7e00ff;}
.color5{color:#00c05a;}
/*ff4800  ffa800*/
.aaa{color:#aaa;}
.tospace{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*height:0.6rem;*/
.tip{height:0.6rem;line-height:0.6rem;font-size:14px;color:#f00;text-align:center;border-bottom:solid 0px #fcfafa;}

.main_box{position:relative;max-width:10rem;height:100%;overflow:hidden;margin: 0 auto;background: url(../images/im_bg.png) no-repeat 0 -1.3rem; background-size:100%; font-size:16px;}/*#e9e9e9*/ 

/*height:30%;*/


/*tit+list+tip  1.3+2 +4.2*2 + 0.6=12.3  */
.record_line{height:7.5rem;}
.record_box{position:absolute;top:0; width:10rem;height:7.5rem;z-index:99;border-bottom:solid 1px #ddd;overflow:hidden;}

.record_box .tit{border-bottom:solid 1px #e9e9e9;margin-top:0rem !important;height:2rem;overflow:hidden;}
.record_box .tit span{display:block;float:left;text-align:center;color:#fff;}
.record_box .tit span.k-name{width:2.75rem;height:1.2rem;line-height:1.35rem;color:rgba(239,231,8,1);font-weight:800;}
.record_box .tit span.t-room{width:4.8rem;height:1.2rem;line-height:1.35rem;}
.record_box .tit span.r-time{width:10rem;margin:0;}

.record_box .item{height:3.2rem;padding:0.2rem 0;text-align:center;border-right:solid 1px #e9e9e9;}/*border-left:solid 1px #c0bfbf;border-right:solid 1px #fcfafa;*/
.record_box .item:first-child{border-left:0;}
.record_box .item:last-child{border-right:0;}
.record_box .item_width{width:2.8rem;}
/*.record_box .item:last-child{border-right:0;}*/
.record_box .item span{display:block;}
.record_box .item span.master{position:absolute;left:0;top:0;padding:0;height:1.4rem;border-radius:0 0 0.3rem 0.3rem;background:#FEC64D;color:#fff;writing-mode: vertical-lr;writing-mode:tb-lr;}
.record_box .item span.winner{position:absolute;right:0;top:0;padding:0;height:1.4rem;border-radius:0 0 0.3rem 0.3rem;background:#FEC64D;color:#fff;writing-mode: vertical-lr;writing-mode:tb-lr;}
.record_box .item span.head{width:1.2rem;height:1.2rem;border-radius:0.1rem;overflow:hidden;margin:0 auto;}
.record_box .item span.head img{width:1.2rem;}
.record_box .item span.name{margin:0 0.2rem;}

.record_box .list{}/*border-top:solid 1px #c0bfbf;border-bottom:solid 1px #fcfafa;*/
.record_box .list ul li{position:relative;width:2.5rem;height:4.2rem;float:left;background:url(../images/im_record.png);background-size:100%;}
.record_box .list li span{display:block;font-size:12px;}
.record_box .list li span.master{position:absolute;left:0;top:0;width:1rem;height:1rem;border-radius:0 0 0.3rem 0.3rem;background:url(../images/master.png);background-size:100%;}
.record_box .list li span.winner{position:absolute;right:0.25rem;top:1.75rem;padding:0;width:2rem;height:0.5rem;line-height:0.5rem;border-radius:0.3rem;background:#FF6262;color:#fff;text-align:center;}
.record_box .list li span.head{width:1.9rem;height:1.9rem;border-radius:0.1rem;overflow:hidden;margin:0.3rem auto 0 auto;}
.record_box .list li span.head img{width:1.9rem;}
.record_box .list li span.name{margin:0.08rem 0.28rem 0 0.28rem;}
.record_box .list li span.score{text-align:center;font-size:22px;font-weight:900;color:#000;}
.record_box .list li span.score_w{color:#f00;}


.record_box .tip{height:0.6rem !important;}

.chat_box{position:relative;height:100%;border-top:solid 1px #c0bfbf;}
.chat_box ul{padding:0.25rem 0;overflow-y:scroll; height:calc(100% - 8.8rem);}
.chat_box li.time{text-align:center;}
.chat_box li.time span{display:inline-block;background:#aaa;color:#fff;border-radius:0.1rem;font-size:12px; padding:0.05rem 0.1rem;}

.chat_box li{position:relative;padding:0 0.2rem 0.25rem 0.2rem;}
.chat_box li .head{position:relative;float:left;width:1.2rem;height:1.2rem;border-radius:0.1rem;overflow:hidden;}
.chat_box li .head .marster_tip{position:absolute;left:0;top:0;padding:0.02rem 0.2rem 0.02rem 0.1rem;font-size:8px;border-radius:0 0.3rem 0.3rem 0;background:rgba(255,255,255,0.5);color:#FEC64D;}
.chat_box li .head img{width:1.2rem;display:block;}
.chat_box li .name{color:#aaa;width:7.2rem; height:0.6rem;margin-left:0.2rem;}
.chat_box li .chat{float:left;position:relative;background:#fff;top:0;max-width:6.2rem;margin-left:0.2rem;padding:0.1rem 0.1rem;border-radius:0.1rem;word-wrap:break-word;font-size:17px;}
.chat_box li .chat .box{position:absolute;top:0.2rem;left:-0.18rem;width:0;height:0;border-width:0.1rem;border-style:solid;border-color:transparent #fff transparent transparent;}
.chat_box li .chat img{width:3rem;}

.market_box{overflow:hidden;border:0;width:10rem;}
.market_box img{width:100%;display:inline-block;}
.cashtit .close{position:fixed;right:0.2rem;bottom:0.2rem;width:0.5rem;height:0.5rem; z-index:9999; background:#f00;}

.chat_box li.current .head{float:right;}
.chat_box li.current .head img{width:1.2rem;}
.chat_box li.current .name{margin:0;margin-right:0.2rem;text-align:right;}
.chat_box li.current .chat{float:right;margin:0;margin-right:0.2rem;padding:0.2rem 0.2rem;background:rgba(158,234,106,1);}
.chat_box li.current .chat .box{top:0.2rem;left:auto;right:-0.18rem;border-color:transparent transparent transparent #9EEA6A;}

.send{position:fixed;background:url(../images/input_bg.png) no-repeat;background-size:100%;width:10rem;height:1.3rem; bottom:0; padding:0;z-index:99;}
.send .intxt{display:block;float:left;width:6rem;height:0.9rem;padding:0 0.2rem;border:0;margin:0.2rem 0 0 0.3rem;background:#fff;}
.send .btnupload{display:block;float:left;width:0.8rem;height:0.9rem;background:url(../images/add.png) no-repeat; background-size:100%; border:0;margin:0.25rem 0 0 0.2rem;}
.send .btnsend{display:block;float:left;width:1.8rem;height:1.05rem;border:0;border-radius:0.1rem;background:#12B8F6;color:#fff;margin:0.15rem 0 0 0.35rem;font-size:24px;background:url(../images/send.png) no-repeat 0px -2px; background-size:100%;}


.deng{position:fixed;box-shadow:0px -2px 2px 0px #ccc; width:10rem;height:0.8rem;top:0; padding:0.2rem 0;z-index:99;background:#e9e9e9;}
.deng .btnupload{display:block;float:left;width:1rem;height:0.8rem;line-height:0.8rem;margin:0 0.2rem;border:solid 0.02rem #aaa;border-radius:0.1rem;text-align:center;background:#fff;color:#aaa;}
.deng .intxt{display:block;float:left;width:5.4rem;height:0.77rem;padding:0 0.2rem;border:solid 0.02rem #aaa;border-radius:0.1rem;margin-right:0.2rem;background:#fff;}
.deng .btnsend{display:block;float:left;width:2.2rem;height:0.8rem;border:solid 0.02rem #aaa;border-radius:0.1rem;background:#fff;color:#aaa;}

.emotiction{display:none;position:fixed; bottom:1.25rem; z-index:99;background:#fff;width:10rem;height:2.1rem;overflow:hidden;}
.emotiction dl{}
.emotiction dl dt{position:relative;float:left;width:1.5rem;height:1.5rem;border:solid 0.02rem #aaa;border-radius:0.1rem;margin:0.3rem 0 0.3rem 0.3rem;}
.emotiction dl dt img{width:100%;height:100%;}
.emotiction dl dt:first-child{margin-left:0.5rem;}
.emotiction dl dt .btn-close{position:absolute;top:-0.2rem; right:-0.2rem; width:0.4rem;height:0.4rem;line-height:0.4rem; border-radius:0.5rem; background:#f00;overflow:hidden;padding:0.15rem;}
.emotiction .btnupload{display:block;float:left;width:1.5rem;height:1.5rem;line-height:1.5rem;border:solid 0.02rem #aaa;border-radius:0.1rem;margin:0.3rem 0 0.3rem 0.3rem;text-align:center;background:#fff;color:#aaa;}

.info-box{position:relative;}
.info-box .close{position:absolute;right:0.3rem;width:1rem;height:1rem; background:url(../images/im_close.png);background-size:100%;}
.info-box .info{margin:0.3rem;}
.info-box .info span{display:block;float:left;}
.info-box .info .head{ height:1.2rem;width:1.2rem;border-radius:0.1rem;overflow:hidden;}
.info-box .info .head img{ width:1.2rem;}
.info-box .info .name{width:5.8rem;margin-left:0.3rem;color:rgba(9,43,70,1);}
.info-box .card-img{margin:0.3rem; background:#fff; height:8.2rem;text-align:center;}
.info-box .card-img img{max-width:100%;}
.info-box .card-img img.default{width:100%;}
.info-box .card-upload{text-align:center;display:none;}
.info-box .card-upload .btn{display:inline-block;width:2.8rem;height:1.05rem;border:0;border-radius:0.1rem;background:#12B8F6;color:#fff;margin:0.15rem 0 0 0.35rem;font-size:24px;background:url(../images/im_edit.png) no-repeat 0px -2px; background-size:100%;}